<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="icon" href="https://i.loli.net/2018/08/23/5b7e40c551394.png" type="image/x-icon"/>
    <title>新增图片</title>
    <link href="lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
    <script>
        let token = sessionStorage.getItem("token");
        let expireIn = sessionStorage.getItem("expireIn");
        let timestamp = (new Date()).valueOf();

        if (token == null || expireIn - timestamp < 1800000) {
            window.location.href = "login.html";
        }
    </script>
</head>
<body>
<div class="page-container">
    <form class="form form-horizontal" id="form-article-add">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分类栏目：</label>
            <div class="formControls col-xs-8 col-sm-9">
				<span class="select-box">
				<select name="" class="select">
					<option value="0">轮播图</option>
					<option value="1">热卖商品</option>
					<option value="2">新品首发</option>
					<option value="3">精选好物小图</option>
					<option value="4">精选好物大图</option>
					<option value="5">精选好物长图</option>
				</select>
				</span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">指向链接</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="url" name="">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">标题1</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="title1" name="">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">标题2</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="title2" name="">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">标题3</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="title3" name="">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">图片</label>
            <span class="btn-upload form-group  col-xs-8 col-sm-9">
                <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1"
                       readonly><a href="javascript:" class="btn btn-primary radius Hui-iconfont">&#xe613; 浏览</a>
                <input id="file" type="file" multiple name="file-1" class="input-file">
            </span>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <input id="button" type="button" class="btn btn-primary radius Hui-iconfont" value="&#xe642; 提交"/>
                <button onClick="layer_close();" class="btn btn-default radius" type="button">
                    &nbsp;&nbsp;取消&nbsp;&nbsp;
                </button>
            </div>
        </div>
    </form>
</div>


<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript">

    $("#button").click(function () {
        var file = document.getElementById("file").files[0];
        let formData = new FormData();
        formData.append("smfile", file);
        $.ajax({
            type: "POST",
            contentType: false,
            processData: false,
            url: "https://sm.ms/api/upload",
            data: formData,
            success: function (response) {
                if (response.code === "success") {
                    let json = {
                        "type": $(".select").val(),
                        "url": $("#url").val(),
                        "title1": $("#title1").val(),
                        "title2": $("#title2").val(),
                        "title3": $("#title3").val(),
                        "pic": response.data.url
                    };

                    $.ajax({
                        type: "POST",
                        url: "http://qiyubing.cn/yundingShop/api/admin/content",
                        data: JSON.stringify(json),
                        contentType: "application/json",
                        headers: {
                            'Authorization': window.sessionStorage.getItem("token"),
                        },
                        dataType: "json",
                        success: function (response) {
                            if (response.code === 200) {
                                window.parent.location.reload();//刷新父页面
                            } else {
                                layer.msg(response.message, {icon: 5, time: 1000});
                            }
                        },
                        error: function () {
                            layer.msg("网络错误", {icon: 5, time: 1000});
                        }
                    });

                } else {
                    layer.msg("文件上传失败", {icon: 5, time: 1000});
                }
            }
        });
    });
</script>
</body>
</html>